import React from 'react';

//声明一个类式组件
export default class App extends React.Component{
  //数据驱动视图
  state = {
    isNight: true
  }

  //声明构造方法
  constructor(){
    super();
    //为实例对象添加一个新的方法, 新方法运行时 this 是指向实例对象的
    this.handleClick = this.handleClick.bind(this);
  }

  // render 方法中的 this 指向『实例对象』
  render(){
    return <div>
      <h2>当前的状态: {this.state.isNight ? '夜晚' : '白天'}</h2>
      <button onClick={this.handleClick}>点击切换白天与黑夜</button>
    </div>
  }

  //声明一个方法
  handleClick(){
    this.setState({
      isNight: !this.state.isNight
    })
  }
}
